import { Container } from "@/components/Container";
import { Hero } from "./Hero";
import { NavCenter } from './NavCenter'
import { RankNav } from './RankNav'
import { EvalNav } from './EvalNav'
import { NewsNav } from "./NewsNav";
export function HomePage() {
  return (
    <div className="bg-gray-50 pb-10">
      <Hero />
      <Container className="space-y-10">
        <section className="mt-10">
          <NavCenter />
        </section>
        <section className="space-y-4">
          <h2 className="text-2xl font-bold">测评体系</h2>
          <EvalNav />
        </section>
        <section className="space-y-4">
          <h2 className="text-2xl font-bold">热门排行榜</h2>
          <RankNav />
        </section>
        <section className="space-y-4">
          <h2 className="text-2xl font-bold">高考资讯</h2>
          <NewsNav />
        </section>
      </Container>
    </div>
  );
}